

@font-face {font-family: 'footer-font';
  src: url('https://at.alicdn.com/t/webfont_i0z9dgjz35idx6r.eot'); /* IE9*/
  src: url('https://at.alicdn.com/t/webfont_i0z9dgjz35idx6r.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://at.alicdn.com/t/webfont_i0z9dgjz35idx6r.woff') format('woff'), /* chrome、firefox */
  url('https://at.alicdn.com/t/webfont_i0z9dgjz35idx6r.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('https://at.alicdn.com/t/webfont_i0z9dgjz35idx6r.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}

.footer-font {
  font-family:"footer-font" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}



*{margin: 0;padding: 0;}
html,body{height: 100%;background: #fff;min-width: 1024px;font: 16px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
ul{list-style: none;}
a{cursor: pointer;text-decoration:none;}
.page{display: none;}
.wrap{margin: 0px auto;
  position: relative;overflow-y: hidden;
height: 100%;}

.header{padding: 13px 0px;color: #303438;margin: 0px auto;}
.header-fixed{width: 900px;}
.header .logo{width: 90px;z-index: 11;position: relative;top: -5px;}
.header .nav{float: right;}



.nav {
  padding-left: 0;
  margin-bottom: 0;
}
.nav > li {
  position: relative;
  display: block;
  float: left;
}
.nav > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #303438;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #00D9EA;
}

.header-white .nav a{color:#fff}

.banner-footer{
  -webkit-animation-delay: 1s;
   -moz-animation-delay: 1s;
     -o-animation-delay: 1s;
        animation-delay: 1s;
}


.btn{
  display: inline-block;
  width: 110px;
  text-align: center;
  border-radius: 100px;
  padding:10px 12px;
  margin-right:10px;
  font-size:14px;
  transform:translateY(1px);
  -ms-transform:translateY(1px); 	/* IE 9 */
  -moz-transform:translateY(1px); 	/* Firefox */
  -webkit-transform:translateY(1px); /* Safari 和 Chrome */
  -o-transform:translateY(1px); 	/* Opera */
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-default{
  border: 1px solid #99A9BF;
  color:#5E6D82;
  background: #fff;
}
.btn-default:hover ,.btn-default:focus,.btn-default:active{
  transform:translateY(0px);
  -ms-transform:translateY(0px); 	/* IE 9 */
  -moz-transform:translateY(0px); 	/* Firefox */
  -webkit-transform:translateY(0px); /* Safari 和 Chrome */
  -o-transform:translateY(0px); 	/* Opera */
    background: #99A9BF;
    color: #fff;
    border-color:#99A9BF; box-shadow: 0 4px 12px  rgba(131,146,166,0.30);
}
.btn-selected{
  background: #00D9EA;
  color:#fff;
}
.btn-selected:hover,.btn-selected:focus,.btn-selected:active{
  transform:translateY(0px);
  -ms-transform:translateY(0px); 	/* IE 9 */
  -moz-transform:translateY(0px); 	/* Firefox */
  -webkit-transform:translateY(0px); /* Safari 和 Chrome */
  -o-transform:translateY(0px); 	/* Opera */
    background: #00BEDC;
    color:#fff;
    box-shadow: 0 4px 12px rgba(0,176,202,0.20);
}


.logo-bg{
	  -webkit-transform-style:preserve-3d;
	  -webkit-perspective:0px;
	  -moz-transform-style:preserve-3d;
	  -moz-perspective:0px;
	  animation:mydhua 250s ease 3s infinite;
	  -webkit-animation:mydhua 250s linear 3s infinite;
	  -moz-animation:mydhua 250s linear 3s infinite;

}

@-webkit-keyframes mydhua{
	0%{-webkit-transform:rotateZ(0deg);-webkit-transform-origin: center center;}
	100%{-webkit-transform:rotateZ(360deg)  ;-webkit-transform-origin: center center; }
}
@-moz-keyframes mydhua{
  0%{-webkit-transform:rotateZ(0deg);-webkit-transform-origin: center center;}
	100%{-webkit-transform:rotateZ(360deg)  ;-webkit-transform-origin: center center; }
}






.banner-content{color: #0D253E;font-size:44px;margin: 0px;padding: 0px;}


.main-content{
  width: 900px;
  margin:0 auto;
}

.main-column-2{
  width: 900px;
  margin: 0px auto;
  display:flex;
  text-align: left;
}
.main-column-left{
 width: 450px;
 flex:1;
 padding: 10px;
}
.main-column-right{
   flex:1;
   padding: 10px;
}

.main-title{
font-size: 36px;
color: #0D253E;
margin-top:20px;
line-height: 40px;
}
.main-sub-title{
  font-size: 16px;
  color: #5E6D82;
  margin-top:0px;
}
.main-desc{
  font-size: 14px;
  color: #5E6D82;
  margin-top:30px;
}
.main-line{
  border: 1px solid #00C5E2;width:36px;margin-top:30px;
}

.footer{
  text-align: center;
  padding:50px 0px 20px 0px;
  font-size: 14px;
  background: #F8F9FB;
}
.footer img {
  max-width: 100%;
}
.footer ul{
  margin: 0px auto;
}
.footer li{
  display: inline-block;
  padding: 5px 42px;
  color: #5E6D82;
  text-align: left;
  vertical-align: top;
}
.footer li a{color: #5E6D82;}
.footer .title{
  font-size: 14px;
  color: #475568;
  margin-bottom: 10px;
  font-weight:800;
}
.footer .logo{
  margin-bottom: 20px;
  width: 140px;
}
.footer ul li>div{
  margin-bottom: 5px;
}

.control-row-group{
  opacity: 0;
  display: flex;
}
.control-group{
  flex: 1;
  position: relative;
  margin: 10px;
}
.control-group .form-label{
  position: absolute;
  left: 5px;
  top:10px;
}
.control-group .form-label{
  position: absolute;
  left:15px;
  top:14px;
  font-size: 14px;
  color: #939EA8;
}
.form-content{margin: 0px 50px 0px 0px;}

.form-control {
  display: block;
  width: 100%;
  height: 43px;
  padding: 1px 4px 1px 50px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #DEDEE0;
  border-radius: 4px;
}
.form-control:hover ,.form-control:focus,.form-control:active{
  border-color: #00C5E2;
  outline: 0;
}

.email{
  color: #00C5E2;
}

.bg-scale{
  -webkit-animation:scale_dg 4s linear 0ms  normal forwards;
   -moz-animation:scale_dg 4s linear 0ms  normal forwards;
   -o-animation:scale_dg 4s linear 0ms  normal forwards;
   animation:scale_dg 4s linear 0ms  normal forwards;
}


  @-webkit-keyframes scale_dg{
    0%{
      transform: scale(1.2);
    }
    100%{
      transform: scale(1);
    }
  }

  @keyframes scale_dg {
    0%{
      transform: scale(1.2);
    }
    100%{
      transform: scale(1);
    }
  }

  @-moz-keyframes scale_dg {
    0%{
      transform: scale(1.2);
    }
    100%{
      transform: scale(1);
    }
  }
